(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "react", "components/product-info/editor"], factory);
    }
})(function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    const React = require("react");
    const editor_1 = require("components/product-info/editor");
    function productInfoRender(propEditors) {
        let categoryEditor = propEditors.filter(o => o.prop == editor_1.categoryIdProp)[0];
        let nameEditor = propEditors.filter(o => o.prop == editor_1.nameProp)[0];
        let priceEditor = propEditors.filter(o => o.prop == editor_1.priceProp)[0];
        let skuEditor = propEditors.filter(o => o.prop == editor_1.skuProp)[0];
        let brandEditor = propEditors.filter(o => o.prop == editor_1.brandIdProp)[0];
        let titleEditor = propEditors.filter(o => o.prop == editor_1.titleProp)[0];
        let imageCoverEditor = propEditors.filter(o => o.prop == editor_1.imageCoverProp)[0];
        let fieldsEditor = propEditors.filter(o => o.prop == editor_1.fieldsProp)[0];
        let argumentsEditor = propEditors.filter(o => o.prop == editor_1.argumentsProp)[0];
        console.assert(categoryEditor != null);
        console.assert(nameEditor != null);
        console.assert(priceEditor != null);
        console.assert(skuEditor != null);
        console.assert(brandEditor != null);
        console.assert(brandEditor != null);
        console.assert(imageCoverEditor != null);
        console.assert(fieldsEditor != null);
        console.assert(argumentsEditor != null);
        return React.createElement("div", { className: "productInfo-editor" },
            React.createElement("div", { className: "form-group clearfix" },
                React.createElement("div", { className: "col-md-6" },
                    React.createElement("div", { className: "name pull-left" }, categoryEditor.displayName),
                    React.createElement("div", { className: "control pull-left" }, categoryEditor.editor)),
                React.createElement("div", { className: "col-md-6" },
                    React.createElement("div", { className: "name pull-left" }, nameEditor.displayName),
                    React.createElement("div", { className: "control pull-left" }, nameEditor.editor))),
            React.createElement("div", { className: "form-group clearfix" },
                React.createElement("div", { className: "col-md-6" },
                    React.createElement("div", { className: "name pull-left" }, priceEditor.displayName),
                    React.createElement("div", { className: "control pull-left" }, priceEditor.editor)),
                React.createElement("div", { className: "col-md-6" },
                    React.createElement("div", { className: "name pull-left" }, skuEditor.displayName),
                    React.createElement("div", { className: "control pull-left" }, skuEditor.editor))),
            React.createElement("div", { className: "form-group clearfix" },
                React.createElement("div", { className: "col-md-6" },
                    React.createElement("div", { className: "name pull-left" }, brandEditor.displayName),
                    React.createElement("div", { className: "control pull-left" }, brandEditor.editor)),
                React.createElement("div", { className: "col-md-6" },
                    React.createElement("div", { className: "name pull-left" }, titleEditor.displayName),
                    React.createElement("div", { className: "control pull-left" }, titleEditor.editor))),
            React.createElement("div", { className: "form-group clearfix" },
                React.createElement("div", { className: "col-md-6" },
                    React.createElement("div", { className: "name pull-left" }, imageCoverEditor.displayName),
                    React.createElement("div", { className: "pull-left image-cover" }, imageCoverEditor.editor))),
            React.createElement("hr", null),
            React.createElement("div", { className: "form-group clearfix" },
                React.createElement("div", { className: "col-md-12" }, fieldsEditor.editor)),
            React.createElement("hr", null),
            React.createElement("div", { className: "form-group clearfix" },
                React.createElement("div", { className: "col-md-12" }, argumentsEditor.editor)));
    }
    exports.productInfoRender = productInfoRender;
});
